<template>
  <van-loading color="#1989fa" />
</template>

<script>
import { getUserQQinfo, getUserQQlogin } from "@/api";
import { mapMutations } from "vuex";
export default {
  created() {
    this.getQQAccessToken();
  },
  methods: {
    ...mapMutations(["setToken"]),
    getQQAccessToken() {
      console.log("this.$QQ.Login.check()", this.$QQ.Login.check());
      // this.$QQ.Login.check() 检测 是否已经登录
      const isLogin = this.$QQ.Login.check();
      if (isLogin) {
        this.$QQ.Login.getMe((openId, accessToken) => {
          const params = {
            access_token: accessToken,
            openid: openId,
            oauth_consumer_key: "101850878", // QQ 互联 平台 appID
          };
          // 发送请求 获取QQ用户信息
          getUserQQinfo(params, (res) => {
            const par = {
              openid: openId,
              username: res.data.nickname,
            };
            // 使用 QQ 信息 登录 获取 token
            getUserQQlogin(par, (res) => {
              console.log("token:", res);
              this.setToken({ token: res.data.token });
              // 登录完成 触发 获取用户信息
              this.$store.dispatch("getInfo");
              this.$store.dispatch("getCartData");
              this.$router.replace("/user");
            });
          });
        });
      }
    },
  },
};
</script>

<style lang="scss" scoped>
</style>